@extends('web.common.main2')


@section('container')
<body>
<div class="hb-sitebar">
    <div class="hb-contain">
        <a class="share share-linkin"></a>
        <a class="share share-wechat"></a>
        <a class="share share-weibo"></a>
    </div>
</div>
<div class="hb-banner hb-banner_index">
    <div class="hb-header">
        <div class="hb-contain">
            <a class="logo"></a>
            <div class="nav">
                <a class="login" href="login.html">登录注册</a>
                <div class="all">
                    全部导航
                    <ul class="lst">
                        <li>
                            <a href="#">产品库</a>
                        </li>
                        <li>
                            <a href="#">生态圈</a>
                        </li>
                        <li>
                            <a href="#">碳银活动</a>
                        </li>
                        <li>
                            <a href="#">碳银研究院</a>
                        </li>
                        <li>
                            <a href="#">碳银家</a>
                        </li>
                    </ul>
                </div>
                <a href="#" class="search">搜索</a>
            </div>
        </div>
    </div>
    <ul>
        <li class="b1" style='background-image: url("img/home/banner1.png")'>
            <div class="text">
                <div class="tit">绿色项目 合伙平台</div>
                <div class="tip">标准实施  标准投资  一站式服务<br>让绿色项目落地变得更简单、更安全、更高效</div>
                <div class="btns">
                    <a href="#" class="btn btn1">合伙人入口</a>
                    <a href="#" class="btn btn2">合作伙伴入口</a>
                </div>
            </div>
        </li>
    </ul>
    <div class="hb-banner-bar hb-index-bar">
        <ul>
            <li>
                <a href="product.html"><span class="hb-icon hb-icon-cpk"></span><span class="txt">产品库</span></a>
            </li>
            <li>
                <a href="ecology1.html"><span class="hb-icon hb-icon-stq"></span><span class="txt">生态圈</span></a>
            </li>
            <li>
                <a href="active.html"><span class="hb-icon hb-icon-hd"></span><span class="txt">碳银活动</span></a>
            </li>
            <li>
                <a href="institute1.html"><span class="hb-icon hb-icon-yjy"></span><span class="txt">碳银研究院</span></a>
            </li>
            <li>
                <a href="#"><span class="hb-icon hb-icon-tyj"></span><span class="txt">碳银家</span></a>
            </li>
        </ul>
    </div>
</div>
<div class="hb-layer hb-layer1">
    <div class="hb-contain">
        <div class="hb-logo-list">
            <div class="title">TANWIN Products<br><small>产品库</small></div>
        </div>
        <div class="hb-pro-list">
            <ul>
                <li>
                    <a class="p1" href="#">
                        <img src="img/home/pro1.png" alt="">
                        <div class="bg">
                            <div class="icon icon-gf"></div>
                            <div class="tit">光伏一号</div>
                            <div class="more">了解更多</div>
                        </div>
                    </a>
                </li>
                <li>
                    <a class="p2" href="#">
                        <img src="img/home/pro2.png" alt="">
                        <div class="bg">
                            <div class="icon icon-wn"></div>
                            <div class="tit">污泥一号</div>
                            <div class="more">了解更多</div>
                        </div>
                    </a>
                </li>
                <li>
                    <a class="p3" href="#">
                        <img src="img/home/pro3.png" alt="">
                        <div class="bg">
                            <div class="icon icon-ws"></div>
                            <div class="tit">污水一号</div>
                            <div class="more">了解更多</div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="hb-layer hb-layer2">
    <div class="hb-contain">
        <div class="hb-logo-list">
            <div class="title">TANWIN Eco-System<br><small>生态圈</small></div>
        </div>
    </div>
</div>
<div class="hb-layer hb-layer3">
    <div class="hb-contain">
        <div class="hb-logo-list">
            <div class="title">TANWIN Events<br><small>碳银活动</small></div>
            <ul class="hb-infitine vmc-centered vmcarousel">
                <li><img src="img/home/1.png" alt="" width="270"></li>
                <li><img src="img/home/2.png" alt="" width="270"></li>
                <li><img src="img/home/3.png" alt="" width="270"></li>
                <li><img src="img/home/1.png" alt="" width="270"></li>
                <li><img src="img/home/2.png" alt="" width="270"></li>
                <li><img src="img/home/3.png" alt="" width="270"></li>
            </ul>
        </div>
    </div>
</div>
<div class="hb-layer hb-layer4">
    <ul class="inst">
        <li class="hide-sm">
            <div class="i0">
                <img src="img/home/ins0.png" alt="">
                <div class="bg">
                    <span class="txt">
                        TANWIN <br>Research <br>Institute
                    </span>
                    <span class="tit">碳银研究院</span>
                </div>
            </div>
        </li>
        <li>
            <div class="i1">
                <img src="img/home/ins1.png" alt="">
                <div class="bg">
                    <div class="tit">行业解读</div>
                    <div class="item">
                        <a href="#">国务院办公厅印发《禁止洋垃圾入境推进固体废物进口管理制度改革...</a>
                    </div>
                    <div class="item">
                        <a href="#">国务院办公厅印发《禁止洋垃圾入境推进固体废物进口管理制度改革...</a>
                    </div>
                    <div class="more">了解更多</div>
                </div>
            </div>
        </li>
        <li>
            <div class="i2">
                <img src="img/home/ins2.png" alt="">
                <div class="bg">
                    <div class="tit">一张图系列</div>
                    <div class="item">
                        <a href="#">一张图说说我国污泥处置现状和展望</a>
                    </div>
                    <div class="item">
                        <a href="#">一张图说说我国污泥处置现状和展望</a>
                    </div>
                    <a href="#" class="more">了解更多</a>
                </div>
            </div>
        </li>
        <li>
            <div class="i3">
                <img src="img/home/ins3.png" alt="">
                <div class="bg">
                    <div class="tit">产融研究</div>
                    <div class="item">
                        <a href="#">固废行业研究——蓝色焚烧正当时</a>
                    </div>
                    <div class="item">
                        <a href="#">国务院办公厅印发《禁止洋垃圾入境推进固体废物进口管理制度改革...</a>
                    </div>
                    <a href="#" class="more">了解更多</a>
                </div>
            </div>
        </li>
        <li>
            <div class="i4">
                <img src="img/home/ins4.png" alt="">
                <div class="bg">
                    <div class="tit">专家风采</div>
                    <div class="item">
                        <a href="#"> 何  帆 - 北京大学汇丰商学院教授、海上丝路研究院院长、著名经济学家</a>
                    </div>
                    <div class="item">
                        <a href="#"> 何  帆 - 北京大学汇丰商学院教授、海上丝路研究院院长、著名经济学家</a>
                    </div>
                    <a href="#" class="more">了解更多</a>
                </div>
            </div>
        </li>
    </ul>
</div>
<script>
    (function ($) {
        $(function () {
            $('.hb-infitine').vmcarousel({
                centered: true,
                start_item: 1,
                autoplay: false,
                infinite: true
            });
        });
    })(jQuery);
</script>
@endsection
